<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ page import="javax.servlet.*"%>
<%@ page import="com.zhouchao.bean.Dorm,java.util.*"%>

<script type="text/javascript">
$(document).ready(function(){
	$("ul li:eq(1)").addClass("active");
	$('.datatable').dataTable( {        				
		 "oLanguage": {
				"sUrl": "/DormManage/media/zh_CN.json"
		 },
		"bLengthChange": false, //改变每页显示数据数量
		"bFilter": false, //过滤功能
		"aoColumns": [
			null,
			null,
			null,
			{ "asSorting": [ ] },
			null,
			{ "asSorting": [ ] },
		]
	});
});

window.onload = function(){ 
	$("#DataTables_Table_0_wrapper .row-fluid").remove();
};

function tip(){

alert("先选择满足格式的EXcel文件再导入");
}

function getFullPath(obj) 
{ 
if(obj) 
{ 
//ie 
if (window.navigator.userAgent.indexOf("MSIE")>=1) 
{ 
obj.select(); 
return document.selection.createRange().text; 
} 
//firefox 
else if(window.navigator.userAgent.indexOf("Firefox")>=1) 
{ 
if(obj.files) 
{ 
return obj.files.item(0).getAsDataURL(); 
} 
return obj.value; 
} 
return obj.value; 
} 
} 

function action(){

var file=document.getElementById('fi').value;
data="action=excel&file="+file;
 $.ajax({  
        type:"POST",  
         url:"ruzhu", 
        data:data,  
        success:callbackfile  
    });     



document.getElementById('text').innerHTML=file;


}

function callbackfile(data){

alert(data);

}


////////////////////////////////////////////////////////////////////
function check_dorm(){

var dorm=document.getElementById('dorm').value;

code = "action=check&dormname="+dorm;  

    $.ajax({  
        type:"POST",  
         url:"ruzhu", 
        data:code,  
        success:callback  
    });         
}


function callback(data){ 

if(data<1){
	alert("该房间已住满，请选择其它房间");
    }
}
///////////////////////////////////////////////////////////////////
function checkForm(){
         
	      var age = document.f.age.value;
		  if(age.length==0||age.substring(0,age.length)==0){
          alert("年龄不能为空格或空！")
          document.f.age.focus();//光标定位
          return false;
          }else if(isNaN(age)){
          alert("年龄只能为数字");
           document.f.age.focus();//光标定位
          return false;
          }
          var name = document.f.stuname.value;
          if(name.length==0||name.substring(0,name.length)==0){
          alert("姓名不能为空格或空！")
           document.f.stuname.focus();//光标定位
          return false;
          }
          var tel = document.f.tel.value;
          if(tel.length==0||tel.substring(0,tel.length)==0){
          alert("电话号码不能为空格或空！")
           document.f.tel.focus();//光标定位
          return false;
          }
          else{
          document.f.action="ruzhu";
          return true;
          }
         

}

function checkid(){
 $("#c1").html("");
 var num = document.f.id.value;
 
 if(num.length==0||num.substring(0,age.length)==0){
      //    alert("学号不能为空格或空！")
           $("#c1").html(" ★学号不能为空格或空");
          document.f.id.focus();//光标定位
          return false;
          }
           codeid = "action=checkid&id="+num;  

    $.ajax({  
        type:"POST",  
         url:"ruzhu", 
        data:codeid,  
        success:callbackid 
    });  
    
  
      
}

function callbackid(data){ 

if(data=="true"){
	alert("该学号学生已存在，请不要重复登记");
	 document.f.id.focus();//光标定位
	   return false;
    }

}
function checkname(){
 $("#c2").html("");
		var name = document.f.stuname.value;
          if(name.length==0||name.substring(0,name.length)==0){
          //alert("姓名不能为空格或空！")
          $("#c2").html(" ★姓名不能为空格或空");
           //document.f.stuname.focus();//光标定位
          return false;
          }
}
</script>
<style type="text/css">
.span6 {
	width: 0px;
	height: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
</style>






<!--<div class="data_list">
	<div class="data_list_title">
		学生入住(从excel导入)
	</div>
	
	<button type="button" class="btn btn-info" onclick="tip()">
		使用说明
	</button>
	<tt id="text"></tt>
	<br>

	<input type="file" class="btn btn-info" id="fi" onchange="getFullPath(this)" />
	<button type="button" class="btn btn-info" onclick="action()">
		批量处理
	</button>
	<br />
	<br />


</div>

-->


<div class="data_list">
<div class="data_list_title">
	学生入住(手动导入)
</div>

<div>

<form name="f"   onsubmit="return checkForm()">

	<table class="table table-striped table-bordered table-hover datatable" width="70%" border="0" cellpadding="0" cellspacing="0"
		borderColor=#cccccc align="center">
		<tr>
			<th width="10%">
				学号：
			</th>
			<td bgcolor="#FFFFFF" width="20%">
				<input type="text" name="id" value="" onblur="checkid()" title="请输入学号" style="margin-top:5px;height:30px;"/>
				<font color="red"><span id=c1 ></span></font>
			</td>
			<th width="10%">
				姓名：
			</th>
			<td bgcolor="#FFFFFF" width="20%">
				<input type="text" name="stuname" value="" onblur="checkname()" title="请输入姓名" style="margin-top:5px;height:30px;"/>
				<font color="red"><span id=c2></span></font>
			</td>
		</tr>
		<tr>
			<th>
				年龄：
			</th>
			<td bgcolor="#FFFFFF">
				<input type="text" name="age" value="" onblur="checkage()" title="请输入年龄" style="margin-top:5px;height:30px;"/>
				<span id=c3></span>
			</td>
			<th>
				性别：
			</th>
			<td bgcolor="#FFFFFF">
				<input type="radio" name="sex" value="男" checked="checked" title="请选择性别" style="margin-top:5px;height:30px;"/>
				&nbsp;男&nbsp; &nbsp; &nbsp;
				<input type="radio" name="sex" value="女" style="margin-top:5px;height:30px;"/>
				&nbsp;女
			</td>
		</tr>
		
		<tr>
			<th height="25">
				联系电话：
			</th>
			<td bgcolor="#FFFFFF">
				<input type="text" name="tel" value="" onblur="checktel()" title="请输入手机号码" style="margin-top:5px;height:30px;"/>
				<span id=c8></span>
			</td>
			<th>
				分配宿舍：
			</th>
			<td bgcolor="#FFFFFF">
				<select name ="dorm" id="dorm"  onchange="check_dorm()" title="请选择宿舍" style="margin-top:5px;height:30px;">
            <option selected="selected">选择寝室</option>
            <c:forEach  varStatus="i" var="dorm" items="${dormlist}">
					 <option value="${dorm.dormName}">${dormBuildName} ${dorm.dormName}</option>
				</c:forEach>
				
        </select>
			</td>
				
		</tr>
		
			<tr>
			<th height="25">
				登记人名：
			</th>
			<td bgcolor="#FFFFFF">
				<input type="text" name="name" value="${name}" readonly="readonly" onclick="alert('此文本框已设为只读，用户不能修改')" style="margin-top:5px;height:30px;" />

			</td>
			<th>
				登记时间：
			</th>
			<td bgcolor="#FFFFFF">
				<input type="text" name="time" value="${time}" readonly="readonly" onclick="alert('此文本框已设为只读，用户不能修改')" style="margin-top:5px;height:30px;"/>
			</td>
		</tr>
		
	</table>
	<br>
<CENTER>	<input class="btn btn-info" type="submit"  value="确定" />
	&nbsp;
	<input class="btn btn-info" type="reset" value="重置">
	&nbsp;
	</CENTER>
	
	</form>













<!--

	<table class="table table-striped table-bordered table-hover datatable">
		<tr>
			<th>
				学号
			</th>
			<th>
				姓名
			</th>
			<th>
				性别
			</th>
			<th>
				宿舍楼
			</th>
			<th>
				寝室
			</th>
			<th>
				电话
			</th>
			<th>
				操作
			</th>
		</tr>

	</table>
--></div>
</div>